<template>
  <div class="app-container bg-gray">
    <el-card class="box-1">
      <el-tabs>
        <el-tab-pane label="样式设置">
          <style-pane/>
        </el-tab-pane>
        <el-tab-pane label="导航栏设置">
          <tabbar-pane/>
        </el-tab-pane>
        <el-tab-pane label="过审设置">
          <review-pane/>
        </el-tab-pane>
        <el-tab-pane label="小程序配置">
          <wxapp-pane/>
        </el-tab-pane>
        <el-tab-pane label="腾讯云配置">
          <tencent-pane/>
        </el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>

<script>
  import StylePane from './style';
  import TabbarPane from './tabbar';
  import ReviewPane from './review';
  import WxappPane from './wxapp';
  import TencentPane from './tencent';

  export default {
    components: { StylePane, TabbarPane, ReviewPane, WxappPane, TencentPane },
    data() {
      return {
      }
    },
    methods: {
    }
  }
</script>

<style lang="scss" type="text/scss" scoped>
  @import '../../../../styles/index.scss';
  .box-1 {
    max-width: 1200px;
    margin: 0 auto;
  }
</style>
